<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>家长管理</title>
    <link rel="stylesheet" href="/door/backend/javascript/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/door/backend/css/common.css">
    <link rel="stylesheet" href="/door/backend/css/mgr_parent.css">
    <script type="text/javascript" src="/door/backend/javascript/jquery.min.js"></script>
    <script src="/door/backend/javascript/bootstrap/js/bootstrap.min.js"></script>
    <script src="/door/backend/javascript/bootstrap/js/dropdown.js"></script>
    <script src="/door/backend/javascript/bootstrap/js/modal.js"></script>
    <script src="/door/backend/javascript/bootstrap/js/alert.js"></script>
    <script src="/door/backend/javascript/bootstrap/js/jquery-form.js"></script>
    <script src="/door/backend/javascript/bootstrap/js/jquery.validate.min.js"></script>
    <script src="/door/backend/javascript/pagejs/common_modal.js"></script>
    <script src="/door/backend/javascript/pagejs/mgr_parent.js"></script>
    <script src="/door/js/pagination.js"></script>
</head>
<!--家长管理-->
<body>

<div id="header">
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">家长管理</a>
                <a class="navbar-brand" style="font-size: 18px">
                    <span onclick="showMyModel('add')" class="glyphicon glyphicon-plus-sign" title="新增家长"></span></a>
                <a class="navbar-brand" style="font-size: 18px">
                    <span onclick="showMyModel('delete')" class="glyphicon glyphicon-trash " title="删除家长" data-dismiss="alert"></span></a>
                <a class="navbar-brand">
                    <span class="glyphicon glyphicon-log-in" title="导入家长信息列表" onclick="showMyModel('import')"></span></a>
                <a class="navbar-brand" href="/door/doc/template/parentInfo.xlsx">
                	<span class="glyphicon glyphicon-download-alt" title="下载家长信息模板"></span></a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">广州xxx大学</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</div>

<div id="content">
    <div class="panel panel-default">
        <div class="panel-heading row">
            <div class="btn-group col-md-6 select_group">
                <div class="btn-group" id="ins">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        	全部学院
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部学院</a></li>
                    </ul>
                </div>
                <div class="btn-group" id="major">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        	全部专业
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部专业</a></li>
                    </ul>
                </div>
                <div class="btn-group " id="class">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                       		全部班级
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部班级</a></li>
                    </ul>
                </div>
                <div class="btn-group" id="grade">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        	全部年级
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部年级</a></li>
                    </ul>
                </div>
                <!-- 
                <button type="button" class="btn btn-primary search s1" id="search1">查看</button>
                <button type="button" class="btn btn-default" id="searchReset1">重置</button>
                 -->
            </div>
            <form class="navbar-form search_box col-md-6" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="姓名、手机号、学生姓名搜索">
                </div>
                <button type="button" class="btn btn-default search s2" id="search">搜索</button>
            </form>
        </div>
    </div>
    <div class="panel-body">
        <table class="table table-bordered text-center table-condensed table-hover">
            <thead class="text-center">
            <th>
                <div class="checkbox">
                    <label>
                        <input type="checkbox"  id="selectAll" value="selectAll"> 全选
                    </label>
                </div>
            <th>编号</th>
            <th>姓名</th>
            <th>手机号</th>
            <th>家庭住址</th>
            <th>学生姓名</th>
            <th>关系</th>
            <th>操作</th>
            </thead>
            <tbody id="parent_tbody">
            </tbody>
        </table>
    </div>
    <div class="panel-footer text-center">
        <nav>
            <ul class="pagination">
                <li class="cursor"><span>首页</span></li>
                <li class="cursor"><span>&laquo;</span></li>
                <li><a href="#" class="active cursor">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li class="cursor"><span>&raquo;</span></li>
                <li class="cursor"><span>末页</span></li>
            	<span  class="cursor" style="line-height: 34px">共<strong id="pageCount">10</strong>页</span>
            </ul>
        </nav>
    </div>
</div>
	<!-- Modal添加页面 -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
	    <div class="modal-dialog">
	        <div class="modal-content">
	            <div class="modal-header"><h4 class="modal-title" id="myModalLabel">家长添加</h4></div>
	            <div class="modal-body">
	                <div class="row">
	                    <div class="col-md-6">
	                        <div class="input-group">
	                            <span class="input-group-btn"><button class="btn btn-default" type="button">姓名：</button></span>
	                            <input type="text" class="form-control" id="pName">
	                            <input type="hidden" id="pid">
	                        </div>
	                    </div>
	                    <div class="col-md-6">
	                        <div class="input-group">
	                            <span class="input-group-btn"><button class="btn btn-default" type="button">手机：</button></span>
	                            <input type="text" class="form-control" id="pMobile">
	                        </div><!-- /input-group -->
	                    </div><!-- /.col-lg-6 -->
	                </div>
	                <div class="row ma_top">
	                    <div class="col-md-6">
	                        <div class="input-group">
	                            <span class="input-group-btn"><button class="btn btn-default" type="button">住址：</button></span>
	                            <input type="text" class="form-control" id="pAddress">
	                        </div>
	                    </div>
	                    <div class="col-md-6">
	                        <div class="input-group">
	                            <span class="input-group-btn"><button class="btn btn-default" type="button">关系：</button></span>
	                            <input type="text" class="form-control" id="pRelation">
	                        </div>
	                    </div>
	                </div>
	                <div class="row ma_top">
	                    <div class="col-md-6">
	                        <div class="input-group">
	                            <span class="input-group-btn"><button class="btn btn-default" type="button">学生学号：</button></span>
	                            <input type="text" class="form-control" id="pStuCode">
	                        </div>
	                    </div>
	                </div>
	            </div>
	            <div class="modal-footer">
	                <span id="information" style="color: red"></span>
	                <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
	                <button type="button" class="btn btn-primary ok" onclick="showMyModel('editOK');">确认</button>
	            </div>
	        </div>
	    </div>
	</div>
	<!-- 修改家长密码 -->
	<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
	    <div class="modal-dialog">
	        <div class="modal-content">
	            <div class="modal-header"><h4 class="modal-title" id="myModalLabel">修改家长密码</h4></div>
	            <div class="modal-body">
	                <div class="row">
	                    <div class="col-md-6">
	                        <div class="input-group">
	                            <span class="input-group-btn"><button class="btn btn-default" type="button">修改密码：</button></span>
	                            <input type="text" class="form-control" id="pPassword">
	                            <input type="hidden" id="pid"><br />
	                        </div>
	                    </div>
	                </div>
	            </div>
	            <div class="modal-body">
	                <div class="row">
	                    <div class="col-md-6">
	                        <div class="input-group">
	                            <span class="input-group-btn"><button class="btn btn-default" type="button">再次输入：</button></span>
	                            <input type="text" class="form-control" id="pPassword2">
	                            <input type="hidden" id="pid"><br />
	                        </div>
	                    </div>
	                </div>
	            </div>
	         <div class="modal-footer">
	                <span id="information1" style="color: red"></span>
	                <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>
	                <button type="button" class="btn btn-primary ok" onclick="showMyModel('editOK1')">确认</button>
	            </div>
	      	</div>
		</div>
	  </div>
	  
	<!--删除提醒-->
    <div id="delete_alert" style=" position: absolute;width: 28%;left:30%;top:120px;">
        <div class="alert alert-info alert-dismissible fade in" role="alert">
            <h4>提示</h4>
            <p >确认删除所选家长？</p>
            <p>
                <button type="button" class="btn btn-primary btn-sm" onclick="getDataOfDelete();">删除</button>
                <button type="button" class="btn btn-default btn-sm" onclick="showMyModel('cancel')">取消</button>
            </p>
        </div>
    </div>
    <!--导入-->
    <form id="uploadimg-form" action="/door/parent/upload" method="post">
    <div class="alert alert-info alert-dismissible fade in alert_custom_common alert_custom" role="alert" id="import">
        <button type="button" class="close" onclick="importHide()"><span>×</span></button>
        <h4 class="tag_title">家长信息导入</h4>
        <br>
        <input type="file" title="选择文件" name="fileUpload" id="fileUpload"  oniput="hasFile()"/>
        <br>
        <p>
            <input id="fileBtn" type="submit" class="btn"  value="确认导入"/><br /><br />
        </p>
    </div>
    </form>
</body>
</html>